<template>
  <div class="flex justify-between">
    <div>
      <span class="ft-14">推广关键词:</span>
      <ForbiddenText :category="type" />
    </div>
    <UserGuide />
  </div>
  <div class="w-full">
    <a-textarea :auto-size="{ minRows: 7, maxRows: 7 }" v-model:value="keyword" :placeholder="keywordPlaceholder" />
    <div class="text-right mt-5" id="bw-searcher-btn"></div>
  </div>
</template>

<script setup lang="ts">
import { keywordPlaceholder } from '@/shared/text'
import ForbiddenText from '@/views/price-sheet/components/ForbiddenText.vue'
import UserGuide from '@/views/price-sheet/components/UserGuide.vue'
import type { ProductEnum } from '@/core/enums/platform'
import { useVModel } from '@vueuse/core'

interface Props {
  text: string
  type: ProductEnum
}

defineOptions({
  name: 'BaseTextarea'
})

const props = withDefaults(defineProps<Props>(), {})
const keyword = useVModel(props, 'text')
</script>
